<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>detail</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/detail.css">
    <script src="../js/rem.js"></script>
</head>

<body>
    <div id="detail">
        <!-- 头部返回 -->
        <div class="back">
            <span>&lt;</span>
        </div>
        <!-- 轮播图 -->
        <ul class="imgs">
            <li>
                <img src="http://image.360hwj.com/goods/927645/8d6ac97d-a361-45ce-b0c9-46bb2d68b1b4!600x600.jpg" alt="">
            </li>
        </ul>
        <!-- 价格 -->
        <div class="price">
            <div>
                <span>￥<strong class="fontBig">45.00</strong></span>
                <span>原价<del>￥50.00</del></span>
            </div>
            <div>已售0件</div>
        </div>
        <!-- 药品名称 -->
        <p class="name">联盛麝香活血化瘀膏7cm*10cm*3袋</p>
        <!-- 功能主治 -->
        <div class="major">
            <div class="majorTop">
                <div>功能主治</div>
                <div>活血祛瘀，消肿止痛、祛风散寒。用于跌打损伤、积瘀肿痛、腰肢麻木、风湿骨痛。</div>
            </div>
            <div class="majorTop">
                <div>生产厂家</div>
                <div class="noborder">
                    <p>漳州片仔癀药业股份有限公司</p>
                    <p class="orange">厂家不定时换包装，具体以实物为准</p>
                </div>
            </div>
        </div>
        <!-- 优惠 -->
        <div class="sale">
            <div class="saleTitle"><i class="oraIcon"></i>可享受以下优惠</div>
            <div class="cuXiao">
                <div>促销</div>
                <div><span>包邮</span>全场满58元包邮</div>
            </div>
            <div class="discounts">
                <div>优惠</div>
                <div>
                    <p>
                        <span>2元无门槛券</span>
                        <span>50元优惠券</span>
                    </p>
                    <p><span>积分</span>可获得25积分</p>
                </div>
            </div>
        </div>
        <!-- 保障 -->
        <div class="safeguard">
            <div class="safeTitle"><i class="bzIcon"></i>全程保障 购物无忧</div>
            <ul>
                <li><i class="checkIcon"></i>正品保证</li>
                <li><i class="checkIcon"></i>实体连锁</li>
                <li><i class="checkIcon"></i>药师服务</li>
                <li><i class="checkIcon"></i>隐私发货</li>
                <li><i class="checkIcon"></i>极度审核</li>
                <li><i class="checkIcon"></i>自提</li>
            </ul>
        </div>
        <!-- 药监部提示 -->
        <div class="tips">
            <p><i class="oraIcon"></i>药品监管部门提示</p>
            <p>如发现本店有任何直接或变相销售处方行为，请保留证据拔打12331举报，举报查实给予奖励！</p>
            <p>处方药：请凭医生处方销售、购买和使用</p>
        </div>
        <!-- 商品信息 -->
        <div class="shopMsg">
            <div><i class="oraIcon"></i>商品信息</div>
            <table class="table">
                <tr>
                    <td>功能主治</td>
                    <td>活血化瘀，消肿止痛</td>
                </tr>
                <tr>
                    <td>生产厂家</td>
                    <td>贵州联盛药业有限公司</td>
                </tr>
                <tr>
                    <td>批准文号</td>
                    <td>国药准字Z20163117</td>
                </tr>
                <tr>
                    <td>产品规格</td>
                    <td>7cm*10cm*3袋</td>
                </tr>
                <tr>
                    <td>用法用量</td>
                    <td>贴患处，二日更换1次</td>
                </tr>
                <tr>
                    <td>通用名称</td>
                    <td>麝香活血化瘀膏</td>
                </tr>
                <tr>
                    <td>不良反应</td>
                    <td>尚不明确</td>
                </tr>
                <tr>
                    <td>禁忌</td>
                    <td>对橡胶膏过敏者，皮损患者及孕妇忌用</td>
                </tr>
                <tr>
                    <td>关键词</td>
                    <td>麝香活血化瘀膏</td>
                </tr>
            </table>
        </div>
        <!-- 图文详情 -->
        <div class="picArt">
            <div class="paTitle"><i class="oraIcon"></i>图文详情</div>
            <div class="paImgs">
                <img src="http://image.360hwj.com/goods/M6159/9c504c07-5bc8-404b-817e-41e31ec0ed8e!400x400.jpg" alt="">
                <img src="http://image.360hwj.com/goods/M6159/9c504c07-5bc8-404b-817e-41e31ec0ed8e!400x400.jpg" alt="">
                <img src="http://image.360hwj.com/goods/M6159/9c504c07-5bc8-404b-817e-41e31ec0ed8e!400x400.jpg" alt="">
                <img src="http://image.360hwj.com/goods/M6159/9c504c07-5bc8-404b-817e-41e31ec0ed8e!400x400.jpg" alt="">
            </div>
        </div>
        <!-- 价格说明 -->
        <div class="explain">
            <div class="exTitle">价格说明</div>
            <div class="exPrice">
                <div><i class="oraPoint"></i>划线价格</div>
                <p>商品展示的划横线价格为参考价，并非原价，该价格可能是品牌价格或由品牌供应商提供的正品零售价（厂商指导价、建议零售价等）或者该商品在好万家平台上曾经展示过的销售价，仅供参考。</p>
            </div>
            <div class="exPrice">
                <div><i class="oraPoint"></i>未划线价格</div>
                <p>商品的实时标价，不因表述的差异改变性质。具体成交价格根据商品参加活动，或会员使用优惠券、积分等发生变化最终以T单结算而价格为准。</p>
            </div>
        </div>
        <!-- 底部加入购物车 -->
        <div class="shopCar">
            <div class="scLeft">
                <p><i class="custor"></i><span>客服</span></p>
                <p><i class="star"></i><span>收藏</span></p>
                <p><i class="tab"></i><span>需求单</span></p>
            </div>
            <div class="scRight">加入需求单</div>
        </div>
    </div>
</body>


</html>